<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Zigya Technology Labs Pvt. Ltd. | Login</title>
<link rel="stylesheet" type="text/css" href="<?php echo SKIN_URL_CSS; ?>/zigya.css"/>
<link rel="stylesheet" href="<?php echo SKIN_URL_CSS; ?>/default.css" type="text/css" />
		
<!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="<?php echo SKIN_URL_JS; ?>/jquery.flexslider-min.js"></script>
<script src="<?php echo SKIN_URL_JS; ?>/css3-mediaqueries.js"></script>
	
	<!-- Kwiks pieces -->
	<script src="<?php echo SKIN_URL_JS; ?>/kwiks.js"></script>
	
	<!-- Includes for this demo -->
	<link rel="stylesheet" href="<?php echo SKIN_URL_CSS; ?>/demo-stuff/demo.css" type="text/css" media="screen" />
	<!-- Hook up the FlexSlider -->
	<script type="text/javascript">
		var Main = Main || {};

		jQuery(window).load(function() {
			window.responsiveFlag = jQuery('#responsiveFlag').css('display');
			Main.gallery = new Gallery();
			
			jQuery(window).resize(function() {
				Main.gallery.update();
			});
		});

		function Gallery(){
			var self = this,
				container3 = jQuery('.flexslider'),
				clone = container3.clone( false );
				
			this.init = function (){
				if( responsiveFlag == 'block' ){
					var slides = container3.find('.slides');
					
					slides.kwicks({
						max : 400,
						spacing : 0
					}).find('li > a').click(function (){
						return false;
					});
				} else {
					container3.flexslider();
				}
			}
			this.update = function () {
				var currentState = jQuery('#responsiveFlag').css('display');
				
				if(responsiveFlag != currentState) {
				
					responsiveFlag = currentState;
					container3.replaceWith(clone);
					container3 = clone;
					clone = container3.clone( false );
					
					this.init();	
				}
			}
			
			this.init();
		}
	</script>
	<script type="text/javascript">
	$(document).ready(function(){
	$("#member-details").hide();
    $("#member1").click(function(){
	$("#content-inner").removeClass("information_inner3");
	$("#content-inner").addClass("information_inner2");
	$("#team").hide();
	$("#member-details").slideToggle("slow");
	
	
  });
  $("#close").click(function(){ 
  $("#content-inner").removeClass("information_inner2");
	$("#content-inner").addClass("information_inner3");
	$("#team").show();
	$("#member-details").hide();
	
  
  });
	
	});
	</script>
	<style type="text/css" media="screen">
		/*
			Load CSS before JavaScript
		*/
		
		/*
			Slides container
			Important:
			Set the width of your slides container
			Set to display none, prevents content flash
		*/
		.slides_container {
			width:735px;
			display:none;
			top: -25px !important;
		}

		/*
			Each slide
			Important:
			Set the width of your slides
			If height not specified height will be set by the slide content
			Set to display block
		*/
		.slides_container div {
			width:735px;
			height: 324px;
			display:block;
			top: -7px;
		}
		
		
		
	</style>
	<script src="<?php echo SKIN_URL_JS; ?>/slides.min.jquery.js"></script>
	<script>
		$(function(){
			$('#slides').slides({
				preload: true,
				generateNextPrev: false
			});
		});
	</script>
    <style>
	.team-top{ background-image:url(<?php echo SKIN_URL_IMAGE; ?>/team-top.png); background-repeat:no-repeat; padding:35px 380px; background-size:100%; position:absolute; top:0px; right: 0px; left: 94px; z-index: 1000; background-size: 75%;}
	.team-bottom{ background-image:url(<?php echo SKIN_URL_IMAGE; ?>/team-bottom.png); background-repeat:no-repeat; padding:33px 380px; background-size:75%; position:absolute; bottom:0px; left:94px; z-index:1000;}
	.Container2{position:relative;overflow:hidden; 
	width: 759px;
	height:322px;left: -20px;}
    	.team {
background: url(<?php echo SKIN_URL_IMAGE; ?>/team-single.png);
background-position: top center;
height: 362px;
background-repeat: no-repeat;
margin-left: 38px;
}
    </style>
<!--show and hide divs-->
<link href="<?php echo SKIN_URL_CSS; ?>/bootstrap.min.css" rel="stylesheet">
<!--<script src="js/jquery.min.js"></script>-->
<script src="<?php echo SKIN_URL_JS; ?>/modernizr.custom.js"></script>

<!--header animation jQuery-->
<script src="<?php echo SKIN_URL_JS; ?>/jquery.lazylinepainter-1.1.min.js"></script>
<script src="<?php echo SKIN_URL_JS; ?>/raphael-min.js"></script>
<script src="<?php echo SKIN_URL_JS; ?>/header.js"></script>
<!--header animation jQuery-->

    <!-- Include all compiled plugins (below), or include individual files as needed -->
   
<!--placeholder jQuery-->
<script src="<?php echo SKIN_URL_JS; ?>/placeholder.js"></script>
</head>
<body>
<noscript>
		<div class="nojs">Javascript must be enabled for the correct page display.</div>
	</noscript>
    <!--wrapper starts-->
        <section class="wrapper">
        	<!--header starts-->
